import { Card, Form, Input, Button } from 'antd';

export default function UserProfile() {
  const [form] = Form.useForm();

  return (
    <Card title="个人信息" style={{ margin: 24 }}>
      <Form
        form={form}
        layout="vertical"
        initialValues={{
          name: '张三',
          email: 'zhangsan@example.com',
          phone: '13800138000'
        }}
      >
        <Form.Item label="姓名" name="name">
          <Input />
        </Form.Item>
        <Form.Item label="邮箱" name="email">
          <Input />
        </Form.Item>
        <Form.Item label="联系电话" name="phone">
          <Input />
        </Form.Item>
        <Button type="primary">保存修改</Button>
      </Form>
    </Card>
  );
}